<template>
  <div>
    <h1>第二个子组件 {{ msg }}</h1>
    <my-header />
  </div>
</template>
<script>
import baseCom from './baseCom'
export default {
  mixins: [baseCom],
  created() {
    console.log(this.$route.params.id)
    console.log(this.$route.query.id)
  },
  mounted() {

  },
  // 只有在keep-alive组件中，才能使用这两个钩子函数
  // 缓存组件 第一次进入还触发 前四个生命周期
  // 再次进入 只触发activated
  // 退出时触发deactivated
  activated() {
    console.log('组件的激活')
  },
  deactivated() {
    console.log('组件的失活')
  },
  beforeDestroy() {
    console.log('组件销毁前')
  },
  destroyed() {
    console.log('组件销毁后')
  }
}
</script>
<style lang="scss">

</style>
